Para utilizar los iconos de Bootstrap en un proyecto usando npm y angular lo unico que necesitamos es instalar el paquete de bootstrap-icons con el siguiente comando:
npm i bootstrap-icons
Una vez tenemos el paquete instalado tenemos que cargar el CSS para poder utilizar las clases de los iconos:
NOTA: El archivo CSS se encuentra en: "node_modules/bootstrap-icons/font/bootstrap-icons.css"
Si tenemos un proyecto que NO es Angular podemos importarlo como un archivo CSS cualquiera desde el html:
<link rel="stylesheet" href="node_modules/bootstrap-icons/font/bootstrap-icons.css">
Si tenemos un proyecto de Angular podemos hacerlo de dos maneras:
Primera forma, cargando el CSS en el angular.json:
En el archivo angular.json de nuestro proyecto en el array de styles incluiremos la ruta del archivo CSS:
"node_modules/bootstrap-icons/font/bootstrap-icons.css"
Segunda forma, cargando el CSS desde el archivo styles.css de nuestro proyecto con la siguiente linea:
@import "~bootstrap-icons/font/bootstrap-icons.css";